<!-- //门店执照认证 -->
<template>
	<view>
		<!-- 步骤条 -->
		<view class="step">
			<uni-steps :options="option" :active="1" active-color="#00C6C2"></uni-steps>
		</view>
		<view style="height: 14rpx;background: #F3F3F3;"></view>
		<!-- 营业执照类型 -->
		<view class="type">
			<view class="type_name">
				营业执照类型
			</view>
			<view class="checked">
				<checkbox-group name="" @change="checkboxChange">
					<label style="margin-right: 109rpx;">
						<checkbox color="#00C6C2" value="个体" style="transform: scale(0.6);" /><text style="font-size: 28rpx;font-family: PingFang;font-weight: bold;color: #282828;">个体</text>
					</label>
					<label>
						<checkbox color="#00C6C2" value="公司" style="transform: scale(0.6);" /><text style="font-size: 28rpx;font-family: PingFang;font-weight: bold;color: #282828;">公司</text>
					</label>
				</checkbox-group>
			
			</view>
		</view>
		<!-- 图片选择 -->
		<view class="pic_choose">
			<view>
				<view class="pic_text1">营业执照</view>
				<view>
					<u-upload :action="action" :file-list="fileList" :max-size="1 * 1024 * 1024" max-count="1"></u-upload>
				</view>
			</view>
			<view>
					<view  class="pic_text2">其他证件</view>
					<u-upload :action="action" :file-list="fileList" :max-size="1 * 1024 * 1024" max-count="1"></u-upload>
					
			</view>
		</view>
		<!-- 信息录入部分 -->
		<view class="inforPull">
			<view style="border-bottom: 10rpx solid #F1F1F1;">
				<!-- 营业执照名称 -->
				<view class="message">
					<view class="name">营业执照名称</view>
					<view class="Input">
						<input type="text" placeholder="请输入执照上的名称" >
					</view>
				</view>
				<!-- 营业执照编号 -->
				<view class="message">
					<view class="name">营业执照编号</view>
					<view class="Input">
						<input type="text" placeholder="请输入组织机构编码">
					</view>
				</view>
				<!-- 证件有效期 -->
				<view class="message">
					<view class="name">证件有效期</view>
					<view style="flex: auto; display: flex;justify-content: space-between;align-items: center;height: 15rpx;" >
						<view style="font-size: 28rpx;font-family: PingFang;font-weight: 500;color: #282828;">证件有效期</view>
						<view>
							<switch checked="false" @change="" style="transform: scale(0.5);" color="#00C6C2"/>
						</view>
					</view>
					
				</view>
				<!-- //失效期 -->
				<view class="message">
					<view class="name">失效期</view>
					<view class="Input">
						<input type="text" placeholder="填写证件失效期，2020年12月12日">
					</view>
				</view>
			</view>
		</view>
		<!-- //基础信息 -->
		<view class="inforPull">
			<view style="border-bottom: 10rpx solid #F1F1F1;">
				<!-- 经营姓名 -->
				<view class="message">
					<view class="name">经营姓名</view>
					<view class="Input">
						<input type="text" placeholder="法人代表/经营者姓名" >
					</view>
				</view>
				<!-- 身份证号 -->
				<view class="message">
					<view class="name">身份证号</view>
					<view class="Input">
						<input type="text" placeholder="输入有效身份证号码">
					</view>
				</view>
				
				<!-- //邮箱信息 -->
				<view class="message">
					<view class="name">邮箱信息</view>
					<view class="Input">
						<input type="text" placeholder="输入个人有效邮箱，2020年12月12日">
					</view>
				</view>
				<!-- //手机号码 -->
				<view class="message">
					<view class="name">手机号码</view>
					<view class="Input">
						<input type="text" placeholder="请输入证手机号">
					</view>
					<view style="width: 152rpx;height: 54rpx;background: #00C6C2;border-radius: 4rpx;font-size: 28rpx;font-family: PingFang SC;font-weight: 400;color: #FFFFFF;text-align: center;line-height: 54rpx;">立即验证</view>
				</view>
				<!-- //验证码 -->
				<view class="message">
					<view class="name">验证码</view>
					<view class="Input">
						<input type="text" placeholder="请输入证验证码">
					</view>
				</view>
				<!-- //人脸验证 -->
				<view class="message">
					<view class="name">人脸验证</view>
					<view class="Input" style="display: flex;justify-content: flex-end;font-size: 28rpx;font-family: PingFang;font-weight: 500;color: #282828;">
						去验证<text class="icon iconfont" style="font-size:30rpx!important;">&#xe6f2;</text>
					</view>
				</view>
			</view>
		</view>
		<!-- 上一步，下一步 -->
		<view class="veri-2" >
			<view class="back" @click="backs">上一步</view>
			<view @click="gotos">下一步</view>
		</view>
	
	</view>
</template>

<script>
	export default {
		data(){
			return{
				option: [{
					title: '身份认证'
				}, {
					title: '职业认证'
				}, {
					title: '合作协议'
				}, {
					title: '结算信息'
				}],
				
			}
		},
		methods:{
			checkboxChange(e){
				console.log(e)
			},
			//上一步
			backs(){
				uni.navigateBack({
				    delta: 1
				});
			},
			//下一步
			gotos(){
				
				
				 //验证输入日期
				  // let reg = /^(\d{4})\年(\d{2})\月(\d{2})\日$/;
				  // if(!reg.test(this.form.time)){
				 	//  uni.showToast({
				 	//  	icon:'none',
				 	// 	title:'请输入正确的时间格式,如：2020/02/02'
				 	//  })
				 	//  return
				  // }
				uni.navigateTo({
					url:'./xieyi'
				})
			},
		}
	}
	
</script>

<style scoped lang="less">
	//步骤条
	.step {
		padding: 47rpx 25rpx;
		background-color: white;
		margin-bottom: 14rpx;
	}
	//营业执照类型
	.type{
		padding: 37rpx 24rpx;
		border-bottom: 1rpx solid #E2E2E2;
		
		.type_name{			
			font-size: 32rpx;
			font-family: PingFang;
			font-weight: bold;
			color: #282828;
		}
		.checked{
			margin-top: 41rpx;
		}
		
	}
	//图片选择
	.pic_choose{
		padding: 37rpx 26rpx;
		display: flex;
		align-items: center;
		view{
			margin-right: 65rpx;
		}
		.pic_text1{
			margin-bottom: 15rpx;
			font-size: 28rpx;
			font-family: PingFang;
			font-weight: 500;
			color: #282828;
		}
		.pic_text2{
			margin-bottom: 15rpx;
			font-size: 28rpx;
			font-family: PingFang;
			font-weight: 500;
			color: #282828;
		}
	
	}
	//信息填写
	.inforPull {
		// 
		background: white;
	
		.message {
			// width: 100%;
			padding: 31rpx 26rpx;
			border-bottom: 1rpx solid #E2E2E2;
			display: flex;
			align-items: center;
			.name {
				width: 180rpx;
				font-size: 28rpx;
				font-family: PingFang;
				font-weight: 500;
				color: #282828;
			}
	
			.Input {
			
				flex: auto;
	
				input {
	
					font-size: 28rpx;
					font-family: PingFang SC;
					font-weight: 400;
					color: #979797;
				}
				.addrs{
					
					font-size: 28rpx;
					font-family: PingFang SC;
					font-weight: 400;
					color: #979797;
				}
			}
	
		}
	
	}
	//上一步，下一步
	.veri-2{
		padding: 30rpx;
		background-color: #F1F1F1;
		display: flex;
		.back{
			background: #F3F3F3;
			font-size: 36rpx;
			font-family: PingFang;
			font-weight: bold;
			color: #414141;
			border: 1rpx solid #414141;
			border-radius: 4rpx 0px 0rpx 4px;
		}
		view{
			width: 100%;
			background-color:#00c6c2;
			line-height: 80rpx;
			text-align: center;
			color: #FFFFFF;
		}
	}
</style>
